<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
<meta name="format-detection" content="telephone=no" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
<title>东明家居集团-车辆调度系统</title>
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/iview.css">
<link rel="stylesheet" href="css/style.css">
<link href="./js/toastr/toastr.css" rel="stylesheet">
    <style>
        .ivu-input[disabled], fieldset[disabled] .ivu-input{color:#333}
    </style>
</head>
<body>
<div class="container-fluid" id="app">
     <!-- breadcrumb -->
      <template class="page-header">
          <breadcrumb class="pull-left">
              <breadcrumb-item to="welcome.html" >首页</breadcrumb-item>
              <breadcrumb-item>车辆返回查询</breadcrumb-item>
          </breadcrumb>
      </template>
      <!-- 搜索条件 -->
      <div class="table-margin">
          <row>
              <i-col span="3" class-name="mr10" style="width:150px;">
                  <i-select v-model="CarNo" placeholder="车牌号:">
                      <i-option v-for="item in CarNoList" :value="item.value" :key="item.value" >{{item.label}}</i-option>
                  </i-select>
              </i-col>
              <i-col span="3" class-name="mr10" style="width:150px;">
                  <i-select v-model="SjName" placeholder="司机姓名:">
                      <i-option v-for="item in SjNameList" :value="item.value" :key="item.value" >{{item.label}}</i-option>
                  </i-select>
              </i-col>
              <i-col span="3" class-name="mr10" style="width:150px;">
                  <Date-picker v-model="StartDate" type="date" placeholder="返回开始日期" format="yyyy-MM-dd" :disabled="true"></Date-picker>
              </i-col>
              <i-col span="3" class-name="mr10" style="width:150px;">
                  <Date-picker v-model="EndDate" type="date" placeholder="返回截止日期"  format="yyyy-MM-dd" :disabled="true"></Date-picker>
              </i-col>
              <i-button type="primary" class="mr10" @click="querytable('1','99999999')">搜索</i-button>
          </row>
      </div>
      <!-- 搜索结果 -->
      <div class="table-margin">
           <i-table :columns="columns1" :data="data1"  algin="center" class="table_style" ></i-table>
      </div>

    <modal v-model="FanEditModel" title="派车返回编辑" @on-ok="EditFan(FanModelItem.FanStartKilo,FanModelItem.FanEndKilo,FanModelItem.FanKilometers,FanModelItem.DocNo,FanModelItem.FanRemark,FanModelItem.CarNo)" @on-cancel="cancel" width='850'>
        <template>
            <i-form :model="FanModelItem" label-position="right" :label-width="120">
                <row class="mt20">
                    <i-col span="9" offset="1">
                        <Form-item label="车辆行驶前公里数：">
                            <i-input v-model="FanModelItem.FanStartKilo" readonly="readonly"></i-input>
                        </Form-item>
                    </i-col>
                    <i-col span="9" offset="1">
                        <Form-item label="车辆行驶后公里数：">
                            <i-input v-model="FanModelItem.FanEndKilo"  style="border: 1px solid #C00"></i-input>
                        </Form-item>
                    </i-col>
                </row>
                <row>
                    <i-col span="9" offset="1">
                        <Form-item label="车辆行驶公里数：">
                            <i-input v-model="FanModelItem.FanKilometers = FanModelItem.FanEndKilo-FanModelItem.FanStartKilo" readonly="readonly" ></i-input>
                        </Form-item>
                    </i-col>
                    <i-col span="9" offset="1">
                        <Form-item label="单据编号：">
                            <i-input v-model="FanModelItem.DocNo" readonly="readonly"></i-input>
                        </Form-item>
                    </i-col>
                </row>
                <row>
                    <i-col span="9" offset="1">
                        <Form-item label="备注：">
                            <i-input v-model="FanModelItem.FanRemark" style="border: 1px solid #C00"></i-input>
                        </Form-item>
                    </i-col>
                </row>
            </i-form>
        </template>
    </modal>
</div>
</body>
<script src="./js/jquery-1.11.1.min.js"></script>
<script src="./js/vue.js"></script>
<script src="./js/iview.min.js"></script>
<script src="./js/dis/dis_fan.js"></script>
<script src="./js/toastr/toastr.min.js"></script>
</html>

  

  

  

  

  
